<template>
  <div class="about">
    <van-nav-bar
      fixed
      @click-left="onClickLeft"
      :border="false"
      title="烘焙帮"
      left-arrow
    ></van-nav-bar>
    <div style="height: 46px"></div>
    <div class="content">
      <div class="title">
        <span></span>
        <span></span>
        <p>烘焙帮</p>
        <span></span>
        <span></span>
      </div>
      <div class="intro">
        <div>
          <div class="text">
            烘焙帮，是佛山市烘焙帮信息技术有限公司开发的面向家庭烘焙爱好者的食谱社区APP，为烘焙爱好者提供烘焙学习分享、食材用具选购的平台。
          </div>
          <div class="text">
            烘焙帮致力于打造草根烘焙达人，将烘焙文化带进中国千家万户。
          </div>
        </div>
      </div>
      <div class="main">
        <p>创业故事</p>
        <div class="text">
          2012年，岑乾光旗下烤箱生产企业忠臣集团，已经突破年出口额10亿元大关，然而其内心仍然有一个更加宏大的目标，作为传统制造业大军中的老兵，他时刻能够感受到经济组织形式的变革和移动互联网的冲击，如何借助互联网将烘焙文化带进中国的千家万户，是岑乾光心中的夙愿；
        </div>
        <div class="text">
          2012年，李晓东带领忠臣集团开拓电子商务领域，为了研究用户体验，他尝试亲手制作蛋糕，发现一个简单的蛋白打发步骤，就有诸多讲究，一不留神就可能失败。李晓东深感中国用户学习烘焙不易，决定利用互联网让烘焙爱好者更爽的学习和交流；
        </div>
        <div class="text">
          2012年，肖杨涛加入忠臣集团，作为一枚标准吃货，其曾经的梦想是子承父业，做一名大厨。但现实往往会有一些偏差，最后学了财务，又做了销售。直到接触了烤箱，梦想又照进了现实。在忠臣集团提供的美食实验室里，肖杨涛尝试了数百种烘焙食谱，在美食论坛及博客上访问量过千万；
        </div>
        <div class="text">
          在中国家庭烘焙市场爆发的2012年，岑乾光、李晓东、肖杨涛三人在共同的愿景下，一拍即合，烘焙帮由此诞生！
        </div>
      </div>
      <div class="main">
        <p>发展历程</p>
        <div class="text">
          2012年底，忠臣集团决定成立电子商务烤箱用户服务部，命名“忠臣烘焙帮”；
        </div>
        <div class="text">
          2013年1月，“忠臣烘焙帮”更名为“烘焙帮”，开放平台战略浮出水面；
        </div>
        <div class="text">2013年3月，烘焙帮微信订阅号注册；</div>
        <div class="text">2013年7月，烘焙帮第一个QQ群注册成立；</div>
        <div class="text">
          2014年8月，佛山市烘焙帮信息技术有限公司注册成立；
        </div>
        <div class="text">2015年2月，烘焙帮兴趣部落注册成立；</div>
        <div class="text">2015年3月，烘焙帮Web版App上线；</div>
        <div class="text">2015年6月，烘焙帮Android版App上线；</div>
        <div class="text">2015年7月，烘焙帮iOS版App上线；</div>
        <div class="text">2015年10月，烘焙帮QQ订阅号注册成立；</div>
        <div class="text">2016年2月，烘焙帮开始试水垂直电商；</div>
        <div class="text">
          2016年7月，烘焙帮旗下为用户推荐更靠谱更省钱的商品买卖商城“团团”上线；
        </div>
        <div class="text">
          2016年7月，烘焙帮拥有微信订阅号粉丝30万，QQ群110个，App注册用户350万；
        </div>
        <div class="text">
          2017年1月，烘焙帮经过半年打磨，上线2.0版本，全新UI，全新框架，全新内容；
        </div>
        <div class="text">
          2017年3月，烘焙帮合资子公司“烘焙帮大学”成立上线，标志着烘焙线上教育领域进入新的时代。
        </div>
      </div>
      <div class="main">
        <p>开放平台</p>
        <div class="text">
          源起传统制造业的烘焙帮，秉承将烘焙文化带入中国千家万户的理想，定下开放平台战略，2014年8月注册成立了佛山市烘焙帮信息技术有限公司，以独立自主的公司形象面向用户，业务模式和对象百花齐放，烘焙帮已经跟东菱、美的、方太、富信、柏翠、洁氏、贝尔斯顿、西屋、松下、总统、金像、安佳、澳洲阿博等50多个品牌建立了合作关系，在品牌推广、电商等业务模式上深入合作，未来还将以更多的创新和开放的业务模式，深耕家庭烘焙市场。
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      return this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
:deep(.van-nav-bar .van-icon) {
  color: #000;
}
.content {
  margin: 12px 10px;
}
.content > .title {
  height: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content > .title > p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.content > .title > span:first-child {
  width: 30px;
  height: 2px;
  background-color: #ff691f;
}
.content > .title > span:last-child {
  width: 30px;
  height: 2px;
  background-color: #ff691f;
}
.content > .title > span:nth-child(2) {
  width: 68px;
  height: 6px;
  border: 1px solid #ff691f;
  border-bottom-color: transparent;
}
.content > .title > span:nth-child(4) {
  width: 68px;
  height: 6px;
  border: 1px solid #ff691f;
  border-top-color: transparent;
}
.content > .intro {
  border: 1px solid #ff691f;
  padding: 10px;
}
.content > .intro > div {
  border: 1px solid #ff691f;
  padding: 0 15px;
}
.text {
  margin: 7px 0;
  line-height: 1.5em;
}
.content > .main {
  padding: 30px 15px 10px;
  margin: 15px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 5px;
}
.content > .main > p {
  padding: 4px 15px;
  margin: 0;
  background-color: #ff691f;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 0;
}
</style>
